<!--
 * @Descripttion:
 * @version:
 * @Author: ljl
 * @Date: 2020-05-22 21:38:57
 * @LastEditors: ljl
 * @LastEditTime: 2020-05-23 00:47:05
-->
<template>
  <div class="dashboard">
    <div>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="班组管理" name="first">
          <party />
        </el-tab-pane>
        <!-- <el-tab-pane label="管理人员登记" name="second">管理人员登记</el-tab-pane>
        <el-tab-pane label="实名制管理" name="three">实名制管理</el-tab-pane> -->
      </el-tabs>
    </div>
  </div>
</template>

<script>

import Party from './Party'

export default {
  name: 'PersonnelInfo',
  components: {
    Party
  },
  data() {
    return {
      pathUrl: process.env.VUE_APP_BASE_API,
      activeName: 'first'
    }
  },
  computed: {

  },
  watch: {

  },
  beforeMount() {

  },
  mounted() {

  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  display: flex;
  margin: 21px 18px 0 18px;
  div{
    width:100%;
    background:rgba(23, 27, 35, 0.36);
    margin-right: 15px;
  }
}
.demo-video {
    max-width: 880px;
    max-height: 660px;
}
</style>
